import { Text, View } from 'react-native';

// 定义接口 - 更加清晰且可重用
interface ChildProps {
  color: string;
}

export default function App() {
  let color = 'red';
  return (
    <View>
      <Text>父组件</Text>
      <Child color={color} />
    </View>
  );
}

// 使用React.FC<props>类型，可以更明确的表明这是一个函数组件
const Child: React.FC<ChildProps> = ({ color }) => {
  return <Text>子组件{color}</Text>;
};
